<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>在习生/毕业生档案</title>
    <script src="js/base.js"></script>
    <link rel="stylesheet" href="css/gtaduate.css">
</head>
<body>
    <!-- 在习生/毕业生档案档案 -->
    <div class="daily">
        <div class="header">
            <span><i></i>在习生/毕业生档案</span>
            <!-- 搜索 -->
            <aside>
                <input type="search" name="" id="selname" placeholder="请输入姓名"><button onclick="selename()">搜索</button>
            </aside>
            <p>
               <img src="images/加号.png" alt="" onclick="addopen()" style="cursor: pointer;">
            </p>
        </div>
        <div class="banner">
            <table border="0">
                
                <thead>
                    <tr>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>预报班级</th>
                        <th>预报道时间</th>
                        <th>电话</th>
                        <th>状态</th>
                        <th>住址</th>
                        <th>紧急联系人</th>
                        <th>紧急联系人电话</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody id="pageListTableBody">
                </tbody>
            </table>
            <div id="pages">
                <span id="spanFirst">首页</span>
                <span id="spanPre">上一页</span>
                <span id="spanNext">下一页</span>
                <span id="spanLast">尾页</span>
                <!-- 创建盒子存放第几页和总共几页 -->
                第<strong id="spanPageNum"></strong>页/共<strong id="spanTotalPage"></strong>页
            </div>
        </div>
          <!-- 单击弹出添加弹窗 -->
          <div class="addopen">
            <div>
                <b>添加在习生/毕业生档案</b>
                <form>
                    <p>姓名: <input type="text" class="names"><br>
                        <span>性别: <select class="sex">
                            <option value="1">男</option>
                            <option value="2">女</option>
                        </select></span>
                        <br>
                        电话: <input type="text" class="tel"><br>
                        紧急联系人: <input type="text" class="souser"><br>
                        账号: <input type="text" id="account" disabled="disabled">
                    </p>
                    <p>
                       班级: <input type="text" class="clazz"><br>
                       预报名日期: <input type="date" name="" id="datetime"><br>
                       家庭住址: <input type="text" class="adress"><br>
                       紧急联系人电话: <input type="text" name="" id="sophone"><br>
                       密码: <input type="password" class="pwd" value="baoer123" disabled="disabled">
                    </p>
                </form>
                <span>
                    <button onclick="adduser()">确认</button>
                    <button onclick="offadd()">取消</button>
                </span>
            </div>
        </div>
          <!-- 单击修改弹出修改弹窗 -->
          <div class="open">
            <div>
                <b>添加在习生/毕业生档案</b>
                <form>
                    <p>姓名: <input type="text" class="names"><br>
                        <span>性别: <select class="sex">
                            <option value="1">男</option>
                            <option value="2">女</option>
                        </select></span>
                        <br>
                        电话: <input type="text" class="tel"><br>
                        紧急联系人: <input type="text" class="souser"><br>
                        账号: <input type="text" id="account">
                    </p>
                    <p>
                       班级: <input type="text" class="clazz"><br>
                       预报名日期: <input type="date" name="" id="datetime"><br>
                       家庭住址: <input type="text" class="adress"><br>
                       紧急联系人电话: <input type="text" name="" id="sophone"><br>
                       密码: <input type="password" class="pwd" value="baoer123" disabled="disabled">
                    </p>
                </form>
                <span>
                    <button onclick="revuser()">确认</button>
                    <button onclick="offrev()">取消</button>
                </span>
            </div>
        </div>
         <!-- 打开删除弹窗 -->
         <div class="del">
            <div style="height: 25%;">
                <b>删除当前学生</b>
                <h3 style="width: 100%;height: 60px;text-align: center;line-height: 60px;">是否删除当前班级</h3>
                <span>
                    <button onclick="delstud()">确认</button>
                    <button onclick="offdel()">取消</button>
                </span>
            </div>
        </div>
    </div>
    <script src="js/graduate.js"></script>
</body>
</html>